import {ref} from 'vue'

export const useWebviewEvent = () => {
	const webviewHide = ref(false)//监听webview的状态，如果隐藏了页面，则停止组件的动画，以免性能消耗
	// 监听webview的显示与隐藏
	const addEventListenerToWebview = () => {
		// #ifdef APP-PLUS
		// webview的堆栈
		const pages = getCurrentPages()
		// 当前页面
		const page = pages[pages.length - 1]
		// 当前页面的webview实例
		const currentWebview = page.$getAppWebview()
		// 监听webview的显示与隐藏，从而停止或者开始动画(为了性能)
		currentWebview.addEventListener('hide', () => {
			webviewHide.value = true
		})
		currentWebview.addEventListener('show', () => {
			webviewHide.value = false
		})
		// #endif
		
	}
	return {
		webviewHide,
		addEventListenerToWebview
	}
}
	